<!DOCTYPE html>
<html class="landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
    <title></title>
    <meta charset="utf-8"> 
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<link rel="stylesheet" href="mytask/css/ui-baselb.css?v=202022">
    <link rel="stylesheet" href="mytask/css/ui-imglb.css?v=202022">
    <link rel="stylesheet" href="mytask/css/ui-boxlb.css?v=202022">
    <link rel="stylesheet" href="mytask/css/ui-colorlb.css?v=202022">
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/iBox.js"></script>
    <script src="js/main.js"></script>
	<style>
	.bd1{
	 border:1px solid;   
	}
	.bbt1{
     border-bottom:1px solid #cccccc;   
    }
	.bod1{
        border-radius: .1em
    }
    .bod2{
        border-radius: .2em
    }
	.bod3{
	    border-radius: .3em
	}
	</style>
</head>
<body class="um-vp" ontouchstart> 
    <div tit class="m3"> 
    <div id="list" class="mt5 bod3" style="background: rgba(255,255,255,.4);">
    </div> 
    </div>
</body>
<script>
window.uexOnload=function(){
    iP.init()
}
var iP={};
iP.init=function(){
    iP.load()
};
iP.renull=function(a){
    if(a==undefined||a=="undefined"||a==null){
        return "";
    }else{
        return a;
    }
}
iP.load=function(){
            var data=localStorage.getItem("xlist");
            data=JSON.parse(data);
            var html='';
            for(var i in data){
                var ListPrice=data[i].ListPrice;
                ListPrice=parseFloat(ListPrice);
                ListPrice=ListPrice.toFixed(2);
                var Status=data[i].Status;
                var Description=data[i].Description;  
                 html+='<div class="p5 bbt1">'
                    +'<div>'+Description+'</div>'
                    +'<div class="ub">'
                    +'<div class="ub fs9 ml10">'
                    +'<div class="c4">状态:</div>'
                    +'<div class="c3 ml7 w50">'+Status+'</div>'
                    +'</div>'
                    +'<div class="ub pa ub-ac" style="right: 0;">'
                    +' <div class="fs7 c8 mt5">￥</div>'
                    +'<div auto="ListPrice" class="fs11 c8 fb">'+ListPrice+'</div> '
                    +'</div>'
                    +'</div>'
                    +'</div>'
            }
            $("#list").html(html);
            sort();
}
function sort(){
     var resultDiv = $("#list").children().toArray(); 
     resultDiv.sort(function(a,b){  
          return parseInt($(a).find("[auto=ListPrice]").html()) - parseInt($(b).find("[auto=ListPrice]").html())  
     });
     $(resultDiv).appendTo($("#list"));
     $(resultDiv).last().removeClass("bbt1");
}
</script>
</html>